<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="member_id" data-role="page" data-theme="d" class="container gray_bg">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--title-->
        <div class="top_title_Gre">
            <h2>아이디 찾기 </h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="login.html" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn8">이전</a>
            </div>
        </div><!-- // class="top_title_Gre" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content" data-theme="d" class="login_area">
        <p class="txt">회원가입 시 기재하신 <br />이메일과 핸드폰 번호를 입력하여 주세요.</p>
        <form action="#" method="#">
            <div data-role="fieldcontain" class="log_form form1">
                <label>e-mail</label>
                <input id="mailAddress"/>  @  <input id="mailCompany"/>
                <select id="mailOption" data-theme="c">
                    <option value="">직접입력</option>
                    <option value="naver.com">naver.com</option>
                    <option value="daum.net">daum.net</option>
                    <option value="nate.com">nate.com</option>
                    <option value="dreamwiz.com">dreamwiz.com</option>
                </select>
            </div><!-- // class="log_form" 끝  -->
            
            <div data-role="fieldcontain" class="log_form form2">
                <label>핸드폰</label>                
                <select data-theme="c" id="phoneHead">
                    <option value="010">010</option>
                    <option value="011">011</option>
                    <option value="016">016</option>
                    <option value="017">017</option>
                    <option value="018">018</option>
                    <option value="019">019</option>
                </select>
                   -   
                <input id="phoneBody" type="text" />  -   <input id="phoneFoot" type="text" />
            </div><!-- // class="log_form" 끝  -->
            
            <!--btn-->
            <div data-role="fieldcontain" class="log_bt">
                <a id="findIdAnchor" href="#id_result" data-role="button" data-rel="dialog" data-transition="slide">아이디 찾기</a>
            </div><!-- //  class="log_bt" 끝  -->
        </form>
    </section><!-- // content -->
</section><!-- // page -->

<!-- 아이디 찾기 결과 -->
<section data-role="dialog" data-theme="d" id="id_result" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-theme="a">
        <h2>아이디 찾기 결과</h2>
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content" class="mem_result"> 
        <p>회원님의 아이디는 <br /> <mark>user123</mark>입니다.</p>
        
        <a href="login.html" data-role="button" data-transition="slide" data-theme="a">로그인</a>
        <a href="pw.html" data-role="button" data-transition="slide" data-theme="d">비밀번호 찾기</a>
    </section><!-- // content -->
</section><!-- // dialog-->

</body>
</html>
